$(()=>{
    
    // 新增页面函数
    function getList(){
        //业务1：获取页面数据
    $.ajax({
        type:'get',
        url:'http://localhost:8080/api/v1'+'/admin/category/list',
        // token验证
        headers:{
            Authorization: localStorage.getItem('dsj_token')
        },
        success:(res)=>{
            console.log(res);
            // 调用模板引擎
            const tp = template('moban',res)
            // console.log(tp);
            $('.td').html(tp)
        }
    })
    }
    getList()
    // 业务2：新增类别
    $('.btn_opt').on('click',function(){
        // 拿到模态框表单数据
        const name = $('#name').val().trim()
        const slug = $('#slug').val().trim()
        // 数据不能为空
        if(name== ''|| slug=='')return alert('数据不得为空')
         $.ajax({
            type:'post',
            url:'http://localhost:8080/api/v1'+'/admin/category/add',
            data:{
                name,slug
            },
            headers:{
                Authorization: localStorage.getItem('dsj_token')
            },
            success:(res)=>{
                if(res.code === 200){
                    getList()
                    // 隐藏模态框
                    $('#myModal').modal('hide')
                    // 清空表单内容
                    $('#name').val('')
                    $('#slug').val('')
                }else{
                    alert(res.msg)
                }
            }
    })
    })


    // 业务4：删除文章类别
    $('.td').on('click','.btn-danger',function(){
        if(window.confirm('请问是否真的需要删除？')){
            // 拿到自己的id
            let id = $(this).data('id')
            console.log(id);
            // 发起ajax请求，实现删除功能
            $.ajax({
                type:'post',
                url:'http://localhost:8080/api/v1'+'/admin/category/delete',
                headers:{
                    Authorization: localStorage.getItem('dsj_token')
                },
                data:{id},  
                success:(res)=>{
                   alert(res.msg)
                   getList()
                },
                dataType:'json'
            })
        }
    })
})